{% extends 'home/home.html' %}

{% block index %}
{% load static %}
<div class="uk-section uk-margin-medium-top" style="padding:0px;">
    <div class="uk-container uk-container-small">
        <h3 class="uk-heading-small uk-text-center">
            <font style="vertical-align: inherit;">一直在更新的讲义</font>
        </h3>
        <p class="uk-text-lead uk-text-center">这个部分丢了一些课程讲义，大家可以按需使用。</p>
        {% comment %} <div>
            <ul>
                {% for subject in myuser.subjects.all %}
                    <li>{{ subject.name }}</li>  <!-- 假设 Subject 模型有 name 属性 -->
                {% empty %}
                    <li>没有课程</li>
                {% endfor %}
            </ul>
        </div> {% endcomment %}
    </div>
</div>
{% comment %} {% if message_danger %}
    <div class="uk-alert-danger uk-text-center" uk-alert>
        <a class="uk-alert-close" uk-close></a>
        <p>{{ message_danger }}</p>
    </div>
{% elif message_success %}
    <div class="uk-alert-success uk-text-center" uk-alert>
        <a class="uk-alert-close" uk-close></a>
        <p>{{ message_success }}</p>
    </div>
{% endif %} {% endcomment %}
<div class="uk-section uk-section-muted" style="height: 400px;padding: 10px;">
    <div class="uk-container">
        <div class="uk-child-width-1-1 uk-child-width-1-3@m uk-grid" uk-grid="">
            <div class="uk-first-column">
                <div class="uk-card uk-card-default tm-image-card">
                    <div class="uk-card-media-top">
                        <a href="/teach/lesson/sc/list"><img src="{% static 'lesson/sc/imgs/sc.jpg' %}" alt=""
                                style="height: 260px;width: 100%;"></a>
                    </div>
                    <div class="uk-card-body">
                        <h3 class="uk-card-title">图形化编程</h3>
                        <p>
                            同学们最喜欢的图形化编程
                        </p>
                        <p class="uk-text-center">
                            <a href="/teach/lesson/sc/list">点我进入学习</a>
                        </p>
                    </div>
                </div>
            </div>
            
            <div class="">
                <div class="uk-card uk-card-default tm-image-card">
                    <div class="uk-card-media-top">
                        <a href="/teach/lesson/py/list"><img src="http://pic.kekenet.com/2018/0107/8121515325256.jpg"
                                alt="" style="height: 260px; width: 100%;"></a>
                    </div>
                    <div class="uk-card-body">
                        <div class="uk-card-badge uk-label uk-label-danger">HOT</div>
                        <h3 class="uk-card-title">Python</h3>
                        <p>人工智能时代的宠儿</p>
                        <p class="uk-text-center">
                            <a href="/teach/lesson/py/list">点我进入学习</a>
                        </p>
                    </div>
                </div>
            </div>
            <div class="">
                <div class="uk-card uk-card-default tm-image-card">
                    <div class="uk-card-media-top">
                        <a href="/teach/lesson/cpp/list"><img src="{% static 'lesson/cpp/imgs/C.gif' %}" alt=""
                                style="height: 260px;width: 100%;"></a>
                    </div>
                    <div class="uk-card-body">
                        <h3 class="uk-card-title">CPP</h3>
                        <p>信息学竞赛必备</p>
                        <p class="uk-text-center">
                            <a href="/teach/lesson/cpp/list">点我进入学习</a>
                        </p>
                    </div>
                </div>
            </div>
            {% comment %} {% for subject in myuser.subjects.all %}
                {% if subject.name == "CPP" %}
                <div class="">
                    <div class="uk-card uk-card-default tm-image-card">
                        <div class="uk-card-media-top">
                            <a href="/teach/lesson/cpp/list"><img src="{% static 'lesson/cpp/imgs/C.gif' %}" alt=""
                                    style="height: 260px;width: 100%;"></a>
                        </div>
                        <div class="uk-card-body">
                            <h3 class="uk-card-title">CPP</h3>
                            <p>信息学竞赛必备</p>
                            <p class="uk-text-center">
                                <a href="/teach/lesson/cpp/list">点我进入学习</a>
                            </p>
                        </div>
                    </div>
                </div>
                {% elif subject.name == "SCRATCH" %}
                <div class="uk-first-column">
                    <div class="uk-card uk-card-default tm-image-card">
                        <div class="uk-card-media-top">
                            <a href="/teach/lesson/sc/list"><img src="{% static 'lesson/sc/imgs/sc.jpg' %}" alt=""
                                    style="height: 260px;width: 100%;"></a>
                        </div>
                        <div class="uk-card-body">
                            <h3 class="uk-card-title">图形化编程</h3>
                            <p>
                                同学们最喜欢的图形化编程
                            </p>
                            <p class="uk-text-center">
                                <a href="/teach/lesson/sc/list">点我进入学习</a>
                            </p>
                        </div>
                    </div>
                </div>
                {% elif subject.name == "PYTHON" %}
                <div class="">
                    <div class="uk-card uk-card-default tm-image-card">
                        <div class="uk-card-media-top">
                            <a href="/teach/lesson/py/list"><img src="http://pic.kekenet.com/2018/0107/8121515325256.jpg"
                                    alt="" style="height: 260px; width: 100%;"></a>
                        </div>
                        <div class="uk-card-body">
                            <div class="uk-card-badge uk-label uk-label-danger">HOT</div>
                            <h3 class="uk-card-title">Python</h3>
                            <p>人工智能时代的宠儿</p>
                            <p class="uk-text-center">
                                <a href="/teach/lesson/py/list">点我进入学习</a>
                            </p>
                        </div>
                    </div>
                </div>
                {% endif %}
            {% empty %}
                <li>没有课程</li>
            {% endfor %} {% endcomment %}
            
            
            
        </div>
    </div>
</div>
{% endblock %}